@import "./state";

// 使用button默认样式
@mixin aui-button-use-button-style() {
    @include aui-vue-use-component-selector("button") {
        &--default {
            @include aui-button-mixin-button-style($aui-brand-sliver, $aui-brand-sliver);           
            padding: $aui-gutter-xs $aui-gutter-sm;
            background-color: transparent;
        }

        &--primary {
            @include aui-button-mixin-button-style($aui-brand-primary, $aui-brand-primary);
            padding: $aui-gutter-xs $aui-gutter-sm;
            background-color: transparent;
        }

        &--info {
            @include aui-button-mixin-button-style($aui-brand-info, $aui-brand-info);
            padding: $aui-gutter-xs $aui-gutter-sm;
            background-color: transparent;
        }

        &--success {
            @include aui-button-mixin-button-style($aui-brand-success, $aui-brand-success);
            padding: $aui-gutter-xs $aui-gutter-sm;
            background-color: transparent;
        }

        &--warning {
            @include aui-button-mixin-button-style($aui-brand-warning, $aui-brand-warning);
            padding: $aui-gutter-xs $aui-gutter-sm;
            background-color: transparent;
        }

        &--danger {                
            @include aui-button-mixin-button-style($aui-brand-danger, $aui-brand-danger);
            padding: $aui-gutter-xs $aui-gutter-sm;
            background-color: transparent;
        }
    }    
}